<ion-header>
  <ion-toolbar class="toolbar-head">
    <ion-buttons slot="start" mode='ios'>
      <ion-back-button text=""></ion-back-button>
    </ion-buttons>
    <ion-title>{{titleStr}}</ion-title>

    <img src="../../../../assets/img/activity/share.png" slot="end" alt="">
  </ion-toolbar>
</ion-header>
<ion-content style="background:rgba(249,249,249,1);">
  <div class="begin" *ngIf="type">
    距离结束还有 <span>00</span><a style="color:rgba(221,76,75,1); padding: 0 2px;">:</a>
    <span>00</span> <a style="color:rgba(221,76,75,1);padding: 0 2px;">:</a>
    <span>00</span>
  </div>
  <div class="begin-1" *ngIf="!type">
    <ion-segment (ionChange)="segmentChanged($event)" scrollable='true' class="segment-btn">
      <div *ngFor="let item of menuList">
          <ion-segment-button value="{{item.id}}">
              <ion-label>{{item.value}}</ion-label>
              <!-- <div *ngIf="item.select" style="width:30px;height:4px; background:rgba(255,55,21,1);border-radius:2px;"></div> -->
              <div *ngIf="item.select" style="width:25px;height:2px; background:rgba(255,55,21,1);border-radius:2px;">
              </div>
          </ion-segment-button>
      </div>
  </ion-segment>
  </div>
  <div class="shop-list">
    <img class="shop-list-image" src="../../../../assets/img/activity/biaoqian.png" alt="">
    <p *ngIf="type">今日首推</p>
    <p *ngIf="!type">人气爆品</p>
    <img  class="shop-list-image1" src="../../../../assets/img/zhanshi3.png" alt="">
    <div class="shop-list-right">
      <div
        style="font-size: 16px; word-break: break-all; border-collapse: collapse; padding: 10px; text-overflow: ellipsis; overflow: hidden; height: 50px">
        Air Jordan Retor Hligh Calss Light 条形码 形码 形码
      </div>
      <div class="shop-list-right-div">
          <label >￥2999</label>
          <span>￥2999</span>
          <p class="div-lable">{{tosatStr}}</p>
          <button>{{buttonStr}}</button>
          <!-- <ion-progress-bar value="0.5" mode='ios' ></ion-progress-bar> -->
      </div>
    </div>
  </div>



  <div class="shop-list">
    <img *ngIf="type" class="shop-list-image" src="../../../../assets/img/activity/biaoqian.png" alt="">
    <p *ngIf="type">精选</p>
    <img  class="shop-list-image1" src="../../../../assets/img/zhanshi3.png" alt="">
    <div class="shop-list-right">
      <div
        style="font-size: 16px; word-break: break-all; border-collapse: collapse; padding: 10px; text-overflow: ellipsis; overflow: hidden; height: 50px">
        Air Jordan Retor Hligh Calss Light 条形码 形码 形码
      </div>
      <div class="shop-list-right-div">
          <label >￥2999</label>
          <span>￥2999</span>
          <p class="div-lable">{{tosatStr}}</p>
          <button>{{buttonStr}}</button>
          <!-- <ion-progress-bar value="0.5" mode='ios' ></ion-progress-bar> -->
      </div>
    </div>
  </div>

  <div class="shop-list">
    <!-- <img class="shop-list-image" src="../../../../assets/img/activity/biaoqian.png" alt=""> -->
    <!-- <p>今日首推</p> -->
    <img  class="shop-list-image1" src="../../../../assets/img/zhanshi3.png" alt="">
    <div class="shop-list-right">
      <div
        style="font-size: 16px; word-break: break-all; border-collapse: collapse; padding: 10px; text-overflow: ellipsis; overflow: hidden; height: 50px">
        Air Jordan Retor Hligh Calss Light 条形码 形码 形码
      </div>
      <div class="shop-list-right-div">
          <label >￥2999</label>
          <span>￥2999</span>
          <p class="div-lable">{{tosatStr}}</p>
          <button>{{buttonStr}}</button>
          <!-- <ion-progress-bar value="0.5" mode='ios' ></ion-progress-bar> -->
      </div>
    </div>
  </div>

</ion-content>